@import "./mixins.less";

.bk-root {
  // Properties of bk-root itself
  position: relative;
  width: auto;
  height: auto;
  z-index: 0;

  box-sizing: border-box;

  font-family: Helvetica, Arial, sans-serif;
  font-size: 10pt; // 13px/0.8em

  .bk, .bk:before, .bk:after {
    box-sizing: inherit;
    margin: 0;
    border: 0;
    padding: 0;
    background-image: none;
    font-family: inherit;
    font-size: 100%;
    line-height: @line-height;
  }

  pre.bk {
    font-family: Courier, monospace;
  }

  @import "./main.less";
  @import "./icons.less";
  @import "./logo.less";
  @import "./caret.less";
  @import "./menu.less";
  @import "./tabs.less";
  @import "./buttons.less";
  @import "./toolbar.less";
  @import "./tooltips.less";
}

/* notebook specific tweaks so no black outline and matching padding
/* can't be wrapped inside bk-root. here are the offending jupyter lines:
/* https://github.com/jupyter/notebook/blob/master/notebook/static/notebook/less/renderedhtml.less#L59-L76 */
.rendered_html .bk-root .bk-tooltip table,
.rendered_html .bk-root .bk-tooltip tr,
.rendered_html .bk-root .bk-tooltip th,
.rendered_html .bk-root .bk-tooltip td {
  border: none;
  padding: 1px;
}
